<!doctype html>
<html lang="cn" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}" type="text/css">
<link rel="stylesheet" th:href="@{/static/css/login.css}" type="text/css">
<script type="text/javascript" th:src="@{/static/js/jquery-1.11.3.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/jquery.cookie.js}"></script>
<script type="text/javascript" th:src="@{/static/js/bootstrap.min.js}"></script>
	<script type="text/javascript" th:src="@{/static/js/login.js}"></script>
<title>登录页面</title>
</head>
<body>
	<div class="container top">
		<div class="row">
			<div class="col-md-4 col-md-offset-4">
				<form action="/log" method="post" id="loginForm">
					<div class="panel panel-default">
						<div class="panel-heading">
							<div class="panel-title">MyBolgs</div>
						</div>
						<div class="panel-body">
							<br>
							<div class="form-group has-feedback">
								<input type="text" id="logUsername" class="form-control" name="username" placeholder="用户名" />
								<span class="glyphicon glyphicon-user form-control-feedback"></span>
							</div>
							<div class="form-group has-feedback">
								<input type="password" id="logPassword" class="form-control" name="password" placeholder="密码" />
								<span class="glyphicon glyphicon-lock form-control-feedback"></span>
							</div>
							<div class="input-group">
								<input type="text" id="logCaptchaCode" class="form-control" name="captchaCode" placeholder="验证码" />
								<span class="input-group-btn">
									<div class="verification-code">
										<img src="" id="captchaImg" width="99" height="32" alt="点击换一张" />
									</div>
								</span>
						</div>
							<br>
							<a href="#" class="text-forget-sign right">忘记密码</a>
							<input type="button" id="loginSubmit" class="btn btn-primary btn-block" value="登录"/>
							<br>
							<a href="#" class="text-forget-sign" data-toggle="modal" data-target="#register">立即注册&gt;&gt;</a>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	
	<!--注册模态框-->
	<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="registerlabel" data-keyboard="false" data-backdrop="static">
		<div class="modal-dialog reg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="registerlabel">注册账户</h4>
				</div>
				<form action="/reg" method="post">
				<div class="modal-body">
					<div class="form-group has-feedback">
						<input type="text" class="form-control" name="username" placeholder="用户名" />
						<span class="glyphicon glyphicon-user form-control-feedback"></span>
					</div>
					<br>
					<div class="form-group has-feedback">
						<input type="text" class="form-control" name="email" placeholder="邮箱" />
						<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
					</div>
					<br>
					<div class="form-group has-feedback">
						<input type="password" class="form-control" name="password" placeholder="密码" />
						<span class="glyphicon glyphicon-lock form-control-feedback"></span>
					</div>
					<br>
					<div class="form-group has-feedback">
						<input type="password" class="form-control" name="pwd" placeholder="确认密码" />
						<span class="glyphicon glyphicon-lock form-control-feedback"></span>
					</div>
				</div>
				<div class="modal-footer">
					<input type="reset" class="btn btn-default" value="清空" />
					<input type="submit" class="btn btn-success" value="注册" />
				</div>
				</form>
			</div>
		</div>
	</div>
</body>
</html>
